<!Doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.88.1">
    <title>登录页面</title>

    <link rel="canonical" href="https://getbootstrap.com/docs/5.1/examples/album/">



    <!-- Bootstrap core CSS -->
<link href="https://getbootstrap.com/docs/5.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

    <!-- Favicons -->
<link rel="apple-touch-icon" href="/docs/5.1/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="manifest" href="/docs/5.1/assets/img/favicons/manifest.json">
<link rel="mask-icon" href="/docs/5.1/assets/img/favicons/safari-pinned-tab.svg" color="#7952b3">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon.ico">
<meta name="theme-color" content="#7952b3">


    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
      body{
          background-image: url("/static/images/20.jpg");
          background-repeat: no-repeat;
          background-attachment: fixed;
          text-align: center;
      }
    </style>


  </head>
  <body>

<header>
  <div class="navbar navbar-dark bg-dark shadow-sm">
    <div class="container">
      <a href="#" class="navbar-brand d-flex align-items-center">
        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="me-2" viewBox="0 0 24 24"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg>
        <strong>Haixin</strong>
      </a>
        <ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
          <li><a href="/" class="nav-link px-2 text-white">首页</a></li>
          <li><a href="/index" class="nav-link px-2 text-white">名字全称</a></li>
          <li><a href="/yuanyin" class="nav-link px-2 text-white">查询</a></li>
          <li><a href="/login" class="nav-link px-2 text-white">购物车</a></li>
          <li><a href="/class" class="nav-link px-2 text-white">课程表</a></li>
        </ul>

        <form class="col-12 col-lg-auto mb-3 mb-lg-0 me-lg-3">
          <input type="search" class="form-control form-control-dark" placeholder="Search..." aria-label="Search">
        </form>

        <div class="text-end">
            <a class="nav-link btn btn-outline-light me-2" herf="/login">Login</a>
            <a class="nav-link btn btn-outline-light me-2" herf="/login">Sign-up</a>
             </div>
      </div>
    </div>
    </div>
  </div>

</header>>
</body>
<main>
  <form method="post" action="/shopping">
  <div class="container col-xl-10 col-xxl-8 px-4 py-5">
    <div class="row align-items-center g-lg-5 py-5">
      <div class="col-lg-7 text-center text-lg-start">
        <h1 class="display-4 fw-bold lh-1 mb-3">欢迎来到嘻嘻商店！</h1>
        <p class="col-lg-10 fs-4">由于开发人员的技术问题，暂未开放注册页面！</p>
      </div>
      <div class="col-md-10 mx-auto col-lg-5">
        <form class="p-4 p-md-5 border rounded-3 bg-light">
          <div class="form-floating mb-3">
            <input type="text" class="form-control" name="username" placeholder="请输入用户名）">
            <label for="username">账号</label>
          </div>
           <div class="form-floating mb-3">
            <input type="password" class="form-control" name="password" placeholder="请输入密码">
            <label for="password">密码</label>
           </div>
            <div class="form-floating mb-3">
            <input type="number" class="form-control" name="Alipay" placeholder="请输入账户余额">
            <label for="Alipay"> 账户余额</label>
           </div>
              <input class="w-100 btn btn-lg btn-primary" type="submit" value="登录">
            <br>
            <br>
            <a herf="/no" class="w-100 btn btn-lg btn-primary" type="button" >注册</a>
          <hr class="my-4">
          <small class="text-muted">单击"注册"，即表示您同意使用条款。</small>
            <p>{{ error }}</p>
        </form>
      </div>
    </div>
  </div>
  </form>
</main>
</html>

